<!DOCTYPE html>
<html>
<head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <link rel="shortcut icon" href="http://img4.dangdang.com/bottom/validate.gif"/>  
</head>
<body id="register">
	<% include nav %>
	<div class="form">
		<form name="reg">
			<div class="hori logo"></div>
			<div class="hori clearfix">
				<div class="hori-name span3"><label for="">用户名：</label></div>
				<div class="hori-input span7"><input type="text" name="username" /></div>
			</div>
		    <div class="hori clearfix">
		    	<div class="hori-name span3"><label for="">密码：</label></div>
		    	<div class="hori-input span7"><input type="password" name="userpass" class="pass" /></div>
		    </div>
		    <div class="hori clearfix">
		    	<div class="hori-name span3"><label for="">确认密码：</label></div>
		    	<div class="hori-input span7"><input type="password" class="repass" /></div>
		    </div>
		    <div class="hori clearfix hobby">
		    	<div class="hori-name span2"><input type="checkbox"></div>
		    	<div class="hori-input span3">言情小说</div>
		    	<div class="hori-name span2"><input type="checkbox"></div>
		    	<div class="hori-input span3">投资理财</div>
		    </div>
		    <div class="hori clearfix hobby">
		    	<div class="hori-name span2"><input type="checkbox"></div>
		    	<div class="hori-input span3">运动健身</div>
		    	<div class="hori-name span2"><input type="checkbox"></div>
		    	<div class="hori-input span3">国学经典</div>
		    </div>
		    <div class="hori clearfix hobby">
		    	<div class="hori-name span2"><input type="checkbox"></div>
		    	<div class="hori-input span3">人物传记</div>
		    	<div class="hori-name span2"><input type="checkbox"></div>
		    	<div class="hori-input span3">成功励志</div>
		    </div>
		    <div class="hori clearfix hobby">
		    	
		    </div>
		    <div class="hori clearfix hobby">
		    	<div class="hori-name span2"><input type="checkbox"></div>
		    	<div class="hori-input span3">健康养成</div>
		    	<div class="hori-name span2"><input type="checkbox"></div>
		    	<div class="hori-input span3">自然科学</div>
		    </div>
		    <div class="hori clearfix hobby">
		    	<div class="hori-name span2"><input type="checkbox"></div>
		    	<div class="hori-input span3">计算机科学</div>
		    	<div class="hori-input span5"></div>
		    </div>
		   	<div class="hori" style="position:relative;">
		   		<input class="submit-input" type="submit" value="同意协议并注册">	
		   		<div class="write-info" style="position:absolute;top:4px;font-size:12px;color:#333;display:none;color:orange;">亲，这两个都要填哦~</div>
		   	</div>
		</form>	
	</div>
	<% include footer %>
	<div class="mask hide">
		<div class="mask-info">
			欢迎加入在线阅读！
		</div>
	</div>
	<script src="/js/require.js"></script>
	<script>
		require.config({
	        paths: {
	            'jquery': '/js/jquery-2.1.3.min',
	            'remind':'/js/remind'
	        }
	    });

	    require(['remind','jquery'], function(Remind,$) {
	        var wai = $(".form"),
                innerbtn = $(".submit-input");
            Remind.remind(wai,innerbtn);

	    })
	</script>
</body>
</html>